<div id="section03">
        <div id="mainContent">
            <div class="GraySection">
                <!--Banner-->
                <div class="container_12">
                    <div class="grid_12">
                        <img src="{{$LAYOUT_HELPER_URL}}front/images/pictures/banner.jpg" alt="Banner" />
                    </div>
                    <div class="clear"></div>
                </div>
                <!--end: Banner-->
            </div>
            
            <!--White Section-->
            <div class="WhiteSection">
                <div class="container_12">
                    <div class="P35tb">
                        <div class="grid_4">
                            <div class="Box01" style="min-height:130px;">
                                <div class="Container01">
                                    <div class="Descriptions">
                                        <a class="Title01" style="text-decoration: none;" href="{{$featuredProduct.url}}" title="{{$featuredProduct.title}}">{{$featuredProduct.title}}</a>
                                        <p>
                                            {{$featuredProduct.summary}}
                                        </p>
                                    </div>
                                    <div class="Picture">
                                        <a href="{{$featuredProduct.url}}" title="{{$featuredProduct.title}}"><img src="{{$BASE_URL}}{{$featuredProduct.main_image}}" class="BorderImage" alt="{{$featuredProduct.title}}" /></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="grid_4">
                            <div class="Box01" style="min-height:130px;">
                                <div class="Container01">
                                    <div class="Descriptions">
                                        <a class="Title01" style="text-decoration: none;" href="{{$BASE_URL}}store" title="Store Locator">Store Locator</a>
                                        <p>
                                            Some subtext will be placed here about finding store
                                        </p>
                                    </div>
                                    <div class="Picture">
                                        <a href="{{$BASE_URL}}store" title="Store Locator"><img src="{{$LAYOUT_HELPER_URL}}front/images/pictures/img04.jpg" alt="" /></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="grid_4">
                            
                            <table border="0" cellpadding="0" cellspacing="0" class="SocialShare" style="margin: 0px 0px 7px 0px;">
                                 <tr>
                                 {{sticker name=front_social_buttons}}
                                 </tr>
                            </table>
                            
                            <!-- SUBSCRIBER -->
                            {{sticker name=front_subscribe}}
                            <!-- END SUBSCRIBER -->
                            
                        </div>
                        <div class="clear"></div>
                    </div>

                    <div class="grid_8">
                        <div class="Content01 P20">
                            <h3 class="Title01 Border02">{{$staticContent.title}}</h3>
                            {{$staticContent.intro_text}}
                            {{$staticContent.full_text}}
                        </div>
                    </div>
                    <div class="grid_4">
                        <div class="" style="padding-top: 20px;">
                            <a class="Title01" style="text-decoration: none;" href="{{$latestNews.url}}" title="{{$latestNews.title}}">{{$latestNews.title}}</a>
                            <div class="Content02">
                                <a href="{{$latestNews.url}}" title="{{$latestNews.title}}"><img src="{{$BASE_URL}}{{$latestNews.main_image}}" alt="{{$latestNews.title}}" /></a>
                                {{$latestNews.intro_text}}
                            </div>
                            <p class="LinkMore Pos01">
                                <a href="{{$latestNews.url}}" title="read more..">read more..</a>
                            </p>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <!--end: White Section-->

            <!--Black Section-->
            <div class="BlackSection">
                <div class="container_12">
                	
                	{{foreach from=$allCats item=cat}}
                	<div class="grid_2">
                        <h5 class="Title02">{{$cat.name}}</h5>
                        <ul class="BackList">
                        	{{if $cat.child|@count > 0}}
                        		{{foreach from=$cat.child item=child}}
		                            <li><a href="{{$child.url}}" title="{{$child.name}}">{{$child.name}}</a></li>
                            	{{/foreach}}
                            {{/if}}
                        </ul>
                    </div>
                	{{/foreach}}
                
                    <div class="clear"></div>
                </div>
            </div>
            <!--end: Black Section-->
        </div>
    </div>